<template>
  <vue-tab current="index"></vue-tab>
  <div class="sec-top">
    <div class="form-inline">
      操作状态：
      <select class="form-control input-sm" v-model="status">
        <option value="-1">全部</option>
        <option value="1"> 已开户</option>
        <option value="2">已交易</option>
        <option value="3">未操作</option>
        <option value="4">已注册</option>
      </select>
      &nbsp;&nbsp;
    </div>
    <button class="btn btn-primary btn-sm" @click="getList">查询</button>
  </div>
  <table class="table table-bordered table-hover">
    <thead>
      <tr>
        <th class="col-sm-3">受邀人姓名</th>
        <th class="col-sm-3">联系方式</th>
        <th class="col-sm-3">接受邀请时间</th>
        <th class="col-sm-3">目前状态</th>
      </tr>
    </thead>
    <tbody v-el:list>
      <tr v-for="item in list">
        <td>{{item.nickname}}</td>
        <td>{{item.phone}}</td>
        <td>{{item.shareTime}}</td>
        <td>{{item.status | promoterOperationStatus}}</td>
      </tr>
    </tbody>
  </table>
  <vue-pages :pages.sync="pages" :get-list="getList"></vue-pages>
</template>
<style src="./share-list.css" scoped></style>
<script src="./share-list.js"></script>